<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
		<script src="./js/underscore.min.js"></script>
		<script src="./js/horizontalRules.js"></script>
		<script src="./js/game.js"></script>
		<style>
			body {
				font-family: Helvetica,Arial,sans-serif;
			}
			table tr td{
				width:100px;
				height: 30px;
				margin: 1px;
				background-color: #eee;
				text-align: center;
				font-weight: bold;
			}
			table tr td.label{
				background-color: #ddd;
			}
			table tr td.label.sum, table tr td.bonus{
				background-color: #fff;
				color: #222255;
			}
			table tr td.bonus.bonus_info{
				background-color: #fff;
				color: #999;
				font-style: italic;
				text-align: left;
				padding-left: 2px;
			}
			table tr th{
				width:100px;
				height: 30px;
				margin: 1px;
				background-color: #ddd;
				text-align: center;
				font-weight: bold;
			}
			table tr th.no-bground{
				background-color: #fff;
			}
			table tr td.disabled{
				cursor: default;
				background-color: #ccc;
			}
			table tr td.enabled{
				cursor: pointer;
				background-color: orange;
			}
			a.roll{
				display:inline-block;
				background-color: #777;
				color: white;
				font-weight: bold;
				width: 150px;
				text-align: center;
				margin: 10px 0;
				padding: 5px;
				cursor: pointer;
				float:left;
			}
			a.roll.disabled{
				color: #555;
			}
			a.roll.disabled #counter{
				display:none;
			}
			.dice-box{
				float:left;
			}
			.dice-box .dice{
				width: 50px;
				height: 50px;
				float:left;
				margin: 10px;
				text-align: center;
				line-height: 50px;
				background-color: #ccc;
				cursor:pointer;
			}
			.dice-box .dice:hover{
				background-color: #bbb;
			}
			.dice-box .dice.selected, .dice-box .dice.selected:hover{
				background-color: orange;
			}
		</style>
	</head>
	<body>
		
	</body>
</html>